export const GoogleDriveLogo = ({ className }: { className?: string }) => (
  <svg
    className={className}
    viewBox="0 0 300 280"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby="googleDriveTitle"
  >
    <title id="googleDriveTitle">Google Drive</title>
    <g>
      <polygon fill="none" points="110.86,173.56 150,173.56 189.14,173.56 150,105.18" />
      <polygon
        fill="none"
        points="110.86,173.56 110.86,173.56 150,105.18 189.14,173.56 189.14,173.56 150,105.18"
      />
      <path
        fill="#1C8140"
        d="M183.45,46.74c-2.8-1.44-5.93-2.24-9.19-2.24H150h-24.26c-3.26,0-6.39,0.79-9.19,2.24L150,105.18
        L183.45,46.74z"
      />
      <path
        fill="#F9BC15"
        d="M189.14,173.56h68.06c-0.01-3.43-0.91-6.86-2.68-9.94L191.64,54.56c-1.96-3.4-4.83-6.08-8.19-7.82
        L150,105.18L189.14,173.56z"
      />
      <path
        fill="#EA4535"
        d="M189.14,173.56l34.01,59.42c3.19-1.76,5.9-4.38,7.75-7.67l23.69-41.78c1.75-3.09,2.62-6.53,2.6-9.97H189.14
        z"
      />
      <path
        fill="#557EBF"
        d="M189.14,173.56H150h-39.14l0,0l-34.01,59.42c2.92,1.61,6.24,2.51,9.69,2.51H150h63.46
        c3.45,0,6.77-0.9,9.69-2.51L189.14,173.56L189.14,173.56z"
      />
      <path
        fill="#3968B2"
        d="M42.8,173.56c-0.01,3.44,0.86,6.88,2.6,9.97l23.69,41.78c1.86,3.29,4.57,5.91,7.75,7.67l34.01-59.42H42.8z"
      />
      <path
        fill="#36A852"
        d="M150,105.18l-33.45-58.44c-3.37,1.74-6.23,4.41-8.19,7.82L45.48,163.62c-1.78,3.08-2.67,6.51-2.68,9.94
        h68.06L150,105.18z"
      />
    </g>
  </svg>
);
